/*
Theme Name:  ATP
Theme URI: http://akkio-fuse.com
Author: Johnny Li
Author URI: http://akkio-fuse.com
Description:  


*/


body {
    font-family: Georgia, "Times New Roman", Times, serif;
    
}

.blog-masthead{
    background: url(img/Banner-bg.jpg) no-repeat center center /cover;
}
/* footer{
    background: url(img/Banner-bg.jpg) no-repeat center center /cover;
} */

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: 20px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #333;
}


/*
 * Override Bootstrap's default container.
 */

@media (min-width: 1200px) {
    .container {
        width: 970px;
        
    }
    .style{
        margin-top:50px;
    }
}


/*
 * Masthead for nav
 */

.blog-masthead {
    -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* Nav links */
.blog-nav-item {
    position: relative;
    display: inline-block;
    padding: 10px;
    font-weight: 500;
    color: #cdddeb;
}
.blog-nav-item:hover,
.blog-nav-item:focus {
    color: #fff;
    text-decoration: none;
}

/* Active state gets a caret at the bottom */
/*.blog-nav .active {*/
/*    color: #fff;*/
/*}*/
/*.blog-nav .active:after {*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 50%;*/
/*    width: 0;*/
/*    height: 0;*/
/*    margin-left: -5px;*/
/*    vertical-align: middle;*/
/*    content: " ";*/
/*    border-right: 5px solid transparent;*/
/*    border-bottom: 5px solid;*/
/*    border-left: 5px solid transparent;*/
/*}*/


/*
 * Blog name and description
 */

.blog-header {
    padding-top: 20px;
    padding-bottom: 20px;
}
.blog-title {
    margin-top: 30px;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: normal;
    font-family: 'Open Sans Condensed', sans-serif;
}
.blog-description {
    font-size: 35px;
    color: #999;
    font-family: 'Open Sans Condensed', sans-serif;
}


/*
 * Main column and sidebar layout
 */

.blog-main {
    font-size: 18px;
    line-height: 1.5;
}

/* Sidebar modules for boxing content */
.sidebar-module {
    padding: 15px;
    margin: 0 -15px 15px;
}
.sidebar-module-inset {
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.sidebar-module-inset p:last-child,
.sidebar-module-inset ul:last-child,
.sidebar-module-inset ol:last-child {
    margin-bottom: 0;
}


/* Pagination */
/*.pager {*/
/*    margin-bottom: 60px;*/
/*    text-align: left;*/
/*}*/
/*.pager > li > a {*/
/*    width: 140px;*/
/*    padding: 10px 20px;*/
/*    text-align: center;*/
/*    border-radius: 30px;*/
/*}*/


/*
 * Blog posts
 */

.blog-post {
    margin-bottom: 60px;
}
.blog-post-title {
    margin-bottom: 5px;
    font-size: 40px;
}
.blog-post-meta {
    margin-bottom: 20px;
    color: #999;
}


/*
 * Footer
 */

.blog-footer {
    padding: 40px 0;
    color: #999;
    text-align: center;
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
}
.blog-footer p:last-child {
    margin-bottom: 0;
}

/* Jumbotron */

.jumbotron {
    height: 600px;
    padding-top: 100px;
    background: url("../images/bg.jpg") center center;
    color: red;
}

.jumbotron h1 {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
}

.jumbotron p {
    padding-bottom: 60px;
    text-align: center;
}

.navbar-nav > li > a {
    color:#fff;
}

.navbar-nav > li > a:hover {
    color:#666;
}


.blog-description{
    margin-top: 10px;
}
.blog-description{
    color: white;
}
.border1 {
    max-width:300px;
    max-height:auto;
   text-align: center;
   padding:1%;
    border: 3px solid white;
   margin-bottom: 30px;
   color:white;
  }

  .border {
    max-width:500px;
    max-height:400px;
   text-align: center;
   padding:1%;
    border: 1px solid white;
    color: white;
  }


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
footer {
    height: 20px;
}
.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

/*.page-header,*/
/*.page-footer {*/
/*    flex-shrink: 0;*/
/*}*/

/*.page-body {*/
/*    flex-grow: 1;*/
/*}*/

/*.masthead{*/
/*    margin-top:10%;*/
    
/*}*/
  


/*.card{*/
/*    width:auto;*/
/*    height:1000px;*/
/*    margin-top: 5%;*/
/*    border-radius:5%;*/
    
/*}*/


/*.card img{*/
/* border-radius:25%;*/
/* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
/* margin-top: 20px;*/
/*}*/
/*.cardSet{*/
/* background: url(img/91332.jpg) no-repeat center center /cover;*/
/* box-shadow: 15px 10px #eee;*/
/* margin-top: 40px;*/
/* font-size: 16px;*/
/*} */


/*.img-fluid{*/
/* max-width:270px;*/
/* height: auto;*/
/*}*/

.center-block {
 display: block;
 margin-left: auto;
 margin-right: auto;
}



/*.table{*/
/*    width: 70%;*/
/*    margin-left: 15%;*/
/*    font-size: 20px;*/
/*    margin-bottom: 5%;*/
/*    color: #C303E6;*/
/*  }*/

/*  .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {*/
/*    color: red;*/
/*  }*/


/*.media-body{*/
/*  margin-left: 10%;*/

  
/*}*/
.text{
    margin-left:20%;
}
.style{

   
   
     height:620px;
     margin-top:30px;
     font-size:18px;
 
     

}


.style2{
    
     
     margin-top:30px;

}

.buttonD{
    margin-top:40px;
    
    margin-bottom:20px;
}
.style3{
    margin-top:3%;
}
.style4{
    padding-top:20px;
     max-width:100%;
     margin-top:3%;
     
 background: blue url(img/Banner-bg.jpg) no-repeat fixed center;
}


.style5{
     height:200px;
 background:linear-gradient(  rgba(46,179,214,0.60), 
      rgba(67,204,152,0.60) ),url("http://www.akiko-fuse.com/wp-content/uploads/2020/07/autism-spectrum-disorder.jpg");
      text-align:center;
      color:white;
      padding-top:50px;
}




h3{
    text-align:center;
}

.btn{
    margin-top:-20px;
  
}
.row2{
     background-color:#e1e1e1;
}
.headingSytle{

    background-color:#e1e1e1;
    height:150px;
    padding-top:50px;
    margin-top:3%;
   
    
}

@media screen and (max-width: 480px) {
  .style{
       height: auto; overflow: hidden;
       width:375px;
       margin-left:10px;
       
  }
  
  }



@media screen and (max-width: 768px) {
  .style{
       height: auto; overflow: hidden;
  
  }
  .style3{
      margin-top:100px;
  }
}
  
  @media screen and (max-width: 1224px) {
  .style{
       height: auto; overflow: hidden;
       margin-top:50px;
  
  }
 
  }